<!--
 * @Author: your name
 * @Date: 2020-06-29 15:15:10
 * @LastEditTime: 2020-07-07 15:54:13
 * @LastEditors: Please set LastEditors
 * @Description: 商品轮播
 * @FilePath: \JKShopping\jkshopping\src\pages\home\components\goodsDetails\components\swiper.vue
--> 
<template>
  <div class="swiper">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="item of gallery" :key="item.id">
        <van-image width="100%" lazy-load :src="item.url" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  props:{
    gallery: {
      type: Array,
      required: true,
    }
  },
};
</script>

<style lang="scss" scoped>
@import "@/style/home/swiper.scss"

</style>